/* 首页 */

/* 海报 */
/* 轮播图主体 */
#banner {
  width: 100%;
  height: 32vw;
}

#banner .swiper-slide img {
  width: 100%;
  height: 100%;
}

/* 轮播图分页器 */
#banner .swiper-pagination-bullet {
  /* 默认样式 */
  width: 8px;
  height: 3px;
  border-radius: 0;
}

#banner .swiper-pagination-bullet-active {
  /* 选中样式 */
  background-color: #fff;
}

/* 分类导航 */
#category {
  width: 100%;
  height: 42vw;
  padding: 6px 0 8vw;
  margin-bottom: 10px;
}

#category ul:first-child {
  margin-bottom: 14px;
}

#category img {
  width: 40px;
}

/* 自定义siwper样式 */
#category .swiper-slide {
  display: flex;
  flex-direction: column;
}

#category .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
}

#category .swiper-pagination-bullet-active {
  width: 10px;
  border-radius: 2px;
  background-color: #ed7375;
}

/* 乐购秒杀 */
#seckill {
  height: 40vw;
  padding: 10px;
  margin: 10px auto;
  border-radius: 8px;
}

#seckill > div {
  height: 34px;
}

#seckill div p {
  margin: 0 10px;
}

#seckill div a {
  margin-right: 5px;
}

#seckill ul li {
  width: 76px;
  margin-left: 10px;
}

#seckill ul img {
  width: 70%;
  margin-bottom: 6px;
}

/* 新人优惠 */
#newPerson {
  height: 32vw;

  margin-bottom: 20px;
}

#newPerson img {
  width: 50%;
  height: 100%;
}

/* 每日逛标题 */
.daily-title {
  height: 35px;
}

.daily-title img {
  width: 100%;
}

/* 每日逛 */
#daily {
  height: 70vw;
  margin-bottom: 10px;
}

#daily ul:first-child {
  margin-bottom: 1px;
}

#daily ul li:not(:last-child) {
  margin-right: 1px;
}

#daily ul:first-child li:first-child {
  border-radius: 8px 0 0 0;
}

#daily ul:first-child li:last-child {
  border-radius: 0 8px 0 0;
}

#daily ul:last-child li:first-child {
  border-radius: 0 0 0 8px;
}

#daily ul:last-child li:last-child {
  border-radius: 0 0 8px 0;
}

#daily h3 {
  line-height: 28px;
}

#daily li:nth-child(even) h3 {
  background: linear-gradient(90deg, #ff2a00, #ff00af);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#daily li:nth-child(odd) h3 {
  font-weight: bold;
  background: -webkit-linear-gradient(left, #2ad396, #85bb1f);
  background: linear-gradient(90deg, #2ad396, #85bb1f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#daily img {
  width: 80%;
  margin-top: 8px;
}

/* 乐购快报 */
#news {
  height: 8vw;
  margin-bottom: 10px;
}

#news h2 {
  width: 80px;
  text-indent: 10px;
}

#news a {
  border-left: 1px solid #ccc;
  padding: 0 6px;
}

/* 快报滚动条 */
#newsBar {
  height: 30px;
  line-height: 30px;
}

#newsBar p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 为你推荐标题 */
.recommend-title {
  height: 35px;
}

.recommend-title img {
  width: 100%;
}

/* 为你推荐 */
#recommend li {
  height: 270px;
  width: 48%;
  margin-bottom: 5px;
}

#recommend img {
  width: 100%;
}

#recommend p:first-of-type {
  height: 35px;
  line-height: 17px;
  padding: 0 2px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#recommend p:last-of-type {
  line-height: 26px;
}

#recommend button {
  width: 50px;
  height: 22px;
  font-size: 12px;
  padding: 0;
  background-color: transparent;
  border: none;
  border: 1px solid #ccc;
  margin-right: 10px;
}

/* 底线 */
#bottom-line {
  height: 12vw;
}

#bottom-line p {
  flex: 0.8;
}

#bottom-line span {
  width: 100%;
  flex: 1.1;
  border: 1px solid #dddddd;
}
